body,h1,h2,h3,p,ul,li,dl,dt,dd,a{
    font-family: $fontFamily;
    font-size: $fontDefaultSize;
    line-height:1;
    padding:0;
    margin:0;
    color: #000;
}

input,textarea,select{
    font-family: $fontFamily;
}

img{
    border: none;
}

ul,ol,li{
    list-style:none;
}

a{
    text-decoration: none;
}

.clearfix{
    zoom: 1;
    &:after{
        display: block;
        clear: both;
        content: ' ';
        font-size:0;
        line-height:0;
        visibility: hidden;
        height: 0;
    }
}

.clearfix2{
    overflow:hidden;_zoom:1;
}

.page-layout{
    position: relative;
    z-index:1;
    min-height: 100vh;
    box-sizing: border-box;
    padding-bottom: 398px;
    margin: 0 auto;
    @media screen and (max-width: 1280px){
        width: $pageMinWidth;
    }
    @media screen and (min-width: 1280px) and (max-width: 1680px){
        width: 100%;
    }
    @media screen and (min-width: 1700px) {
        width: $pageMaxWidth;
    }
}

.content{
    width:100%;
    margin:0 auto;
    @media screen and (max-width: 1280px){
        width: $pageMinWidth;
    }
    @media screen and (min-width: 1280px) and (max-width: 1680px){
        width: 100%;
    }
    @media screen and (min-width: 1700px) {
        width: $pageMaxWidth;
    }
}


.display-table{
    display: table;
}

.hideFont{
    font-size:0;
    line-height:0;
    color: transparent;
}

.right-box {
    float: right;
    width: $homeRightWidth;
}

.main-box {
    padding-right: $homeRightWidth;
}
.text-hidden{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}